<template>
    <div class="footer">
        <ul>
            <router-link class="li" tag="li" to="/">首页</router-link>
            <router-link class="li" tag="li" to="/manage">人员管理</router-link>
        </ul>
    </div>
</template>

<script>
export default {
    name: 'fooder'
}
</script>

<style lang="stylus" scoped>
    .footer
        width 100%
        height 50px
        line-height 50px
        bottom 0
        ul
            display flex
            .li
                flex 1
                background-color #f1f1f1
                text-align center
    .isIndex
        ul
            li
                &:first-child
                    background-color #41b883
                    color #ffffff
    .isManage
        ul
            li
                &:last-child
                    background-color #41b883
                    color #ffffff
</style>
